﻿<%@ Page Title="" Language="C#" MasterPageFile="~/User.Master" AutoEventWireup="true" CodeBehind="UserInfo.aspx.cs" Inherits="ChineseSchool.Web.UserInfo" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%= imgAvatar.ClientID%>').css("vertical-align", "bottom");

            $('#btnChangePassword').click(function () {
                $('.modal').modal('show');
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <section class="content">
        <div class="example-modal">
            <div class="modal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">Chọn thay đổi ảnh đại diện</h4>
                        </div>
                        <div class="modal-body">
                            <asp:FileUpload ID="uploadAvatar" runat="server" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Đóng</button>
                            <asp:Button ID="btnSelectImage" CssClass="btn btn-primary" Text="Chọn ảnh này!" OnClick="BtnSelectImageClick" runat="server" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3>Tài khoản của tôi - Thông tin cơ bản</h3>

                </div>
                <div class="form-horizontal">
                    <div class="box-body">
                        <div class="form-group">
                            <asp:Label ID="lblUserName" Text="Tên đăng nhập:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtUserName" CssClass="form-control" Enabled="False"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblAvatar" Text="Ảnh đại diện:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:Image ID="imgAvatar" Width="128" Height="128" runat="server" />
                                <a href="#" id="btnChangePassword">Đổi ảnh đại diện</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblOldPass" Text="Mật khẩu cũ:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtOldPass" TextMode="Password" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblPassword" Text="Mật khẩu mới:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtPassword" TextMode="Password" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblRePass" Text="Nhập lại mật khẩu mới:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtRePass" TextMode="Password" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblFullName" Text="Họ và tên:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtFullName" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblGender" Text="Giới tính:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:DropDownList ID="ddlGender" CssClass="form-control" runat="server">
                                    <asp:ListItem Text="------" Value="" />
                                    <asp:ListItem Text="Nam" Value="1" />
                                    <asp:ListItem Text="Nữ" Value="0" />
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblBirthday" runat="server" Text="Ngày sinh:" CssClass="col-sm-3 control-label" />
                            <div class="col-sm-9">
                                <div class="col-sm-11" style="padding: 0">
                                    <asp:TextBox runat="server" ID="txtBirthday" CssClass="form-control" />
                                </div>
                                <div class="col-sm-1">
                                    <asp:ImageButton ID="imgCalendar" runat="server" CssClass="form-control" ImageUrl="/Admin/images/calendar.png" />
                                    <ajax:CalendarExtender ID="cldDate" Format="dd/MM/yyyy" TargetControlID="txtBirthday"
                                        PopupButtonID="imgCalendar" runat="server">
                                    </ajax:CalendarExtender>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblEmail" Text="Email:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtEmail" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblPhone" Text="Số điện thoại:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtPhone" CssClass="form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <asp:Label ID="lblAddress" Text="Địa chỉ:" CssClass="col-sm-3 control-label" runat="server" />
                            <div class="col-sm-9">
                                <asp:TextBox runat="server" ID="txtAddress" CssClass="form-control" />
                            </div>
                        </div>
                    </div>
                    <div class="box-footer">
                        <asp:Button ID="btnUpdate" runat="server" Text="Lưu lại" CssClass="btn btn-default" OnClick="BtnUpdateClicked" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
